﻿<!doctype html>
<html>
<head>
    <meta name="viewport" id="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="format-detection" content="telephone=yes" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta charset="utf-8">
    <title>首页</title>
    <link href="css/css.css?v=1211" rel="stylesheet" type="text/css">
	<link href="css/iconfont.css" rel="stylesheet" type="text/css">
	</head>

	<body>
		<!----------------头部定位---------------------------->
		<div class="header">
			<span class="headleft" style="width:15%">
            <span class="back"><i class="iconfont icon-jiantou"></i></span>
			</span>
			<span class="tbbiaoti" style="width:70%">
        	<div class="search" id="searchdiv">
                <p><input id="searchinput" readonly="readonly" type="text" placeholder="篮球鞋" class="sskuang"></p>
            </div></span>
			<span class="headright" style="width:15%">
            <span class="xiaox headright-tb"><i class="iconfont icon-liebiaoshitu"></i></span>
			</span>
		</div>
        <div class="tabdiv mbtopbottom">
            <ul class="splbbt" id="sortTab">
                <li tip="1" class="hover">最新</li>
                <li tip="2">人气</li>
                <li tip="3"> <span class="jgtb">价格<i class="iconfont icon-qiehuan"></i></span></li>
                <li tip="4" class="mbright">销量</li>
                <li tip="5"><span class="sxbt">筛选<b><i class="iconfont icon-iconfontordinaryxiajiantou"></i></b></span></li>
            </ul>
        </div>
    </div>
    <!----------------内容开始---------------------------->
    <div class="main mtop50 bgbai">
        <div class="shaixuan mbbottom">
            <p class="shaixbt">优惠</p>
            <ul class="shaixnr shaixnr1 gdkuan">
                <li class=" mleft0"><a href="#">满送</a></li>
                <li><a href="#">满减</a></li>
                <li><a href="#">限时折扣</a></li>
                <li><a href="#">星币促销</a></li>
            </ul>
        </div>
        <div class="shaixuan shaixnr1 mbbottom">
            <p class="shaixbt">分类</p>
            <ul class="shaixnr gdkuan">
                <li><a href="#">时尚</a></li>
                <li><a href="#">运动户外</a></li>
                <li><a href="#">休闲</a></li>
                <li><a href="#">韩国风</a></li>
                <li><a href="#">优雅简洁</a></li>
                <li><a href="#">休闲</a></li>
                <li><a href="#">韩国风</a></li>
                <li class="diandian">&bull;&bull;&bull;</li>
            </ul>
        </div>
        <div class="shaixuan mbbottom">
            <p class="shaixbt">价格</p>
            <ul class="shaixnr">
                <li><a href="#">¥ 100以下</a></li>
                <li><a href="#">¥ 101~500</a></li>
                <li><a href="#">¥ 501~1000</a></li>
                <li><a href="#">¥ 1001~5000</a></li>
                <li><a href="#">¥ 5001~10000</a></li>
                <li><a href="#">¥ 10000以上</a></li>
            </ul>
        </div>
        <div class="shaixuan  mbbottom">
            <p class="shaixbt">星币</p>
            <ul class="shaixnr">
                <li><a href="#"><b><img src="images/xingxing.png" /></b>100以下</a></li>
                <li><a href="#"><b><img src="images/xingxing.png" /></b>101~500</a></li>
                <li><a href="#"><b><img src="images/xingxing.png" /></b>501~1000</a></li>
                <li><a href="#"><b><img src="images/xingxing.png" /></b>1001~5000</a></li>
                <li><a href="#"><b><img src="images/xingxing.png" /></b>5001~10000</a></li>
                <li><a href="#"><b><img src="images/xingxing.png" /></b>10000以上</a></li>
            </ul>
        </div>
        <div class="shaixuan mbbottom">
            <p class="shaixbt">人群</p>
            <ul class="shaixnr shaixnr1">
                <li><a href="#">男士</a></li>
                <li><a href="#">女士</a></li>
            </ul>
        </div>
        <div class="shaixuan">
            <p class="shaixbt">品牌</p>
            <ul class="shaixnr shaixnr1">
                <li><a href="#">耐克</a></li>
                <li><a href="#">安踏</a></li>
                <li><a href="#">李宁</a></li>
                <li><a href="#">阿迪达斯</a></li>
                <li><a href="#">安踏</a></li>
                <li><a href="#">李宁</a></li>
                <li><a href="#">阿迪达斯</a></li>
                <li class="diandian diandian-jiatou"><img src="images/top1.png" /></li>
            </ul>
        </div>

    </div>
    <!----------------底部定位---------------------------->
    <div class="footbg1 mbtop">
        <div class="sxanniu">
            <p class="sxqx"><a href="#">取消</a></p>
            <p class="sxqd"><a href="#">确定</a></p>
        </div>
    </div>
</body>
</html>
